@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

K-Two Style sheet - Global page

/////////////////////////////////////////////////////////////////// */


/* =========================================================
keyvisual
========================================================= */
div#keyvisual {
	clear: both;
	text-align: left;
	margin-bottom: 18px;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* =========================================================
Toppage
========================================================= */
div#index_wrap{
	padding: 0 14px;
}

/* Global menu */
div#index_wrap div#index_menu{
	float: left;
	position: relative;
}


/* Index right */
div#index_wrap div#index_right_wrap{
	float: right;
}

/* Sub menu */
div#index_wrap div#index_submenu {
	margin-bottom: 30px;
}

div#index_wrap div#index_submenu ul li {
	float: left;
	margin-left: 24px;
}

/* Banners */
div#index_wrap div#index_banners {
	float: right;
	width: 260px;
}
div#index_wrap div#index_banners img{
	margin-bottom: 12px;
	padding:0 1%;
}

/* =========================================================
Salon List & Salon Detail
========================================================= */

div#salon_visual img{
	float: left;
}

div#salonlist_wrap,
div#salon_wrap{
	padding: 0 14px;
}

#salon_intro h2{
	float: left;
	margin: 0;
}

#salon_intro #salon_text{
	float: right;
}

#salon_intro #salon_action{
	clear: both;
	position: relative;
	top: -40px;
}

#salon_intro p{
	position: relative;
	top: -40px;
	color: #999;
	font-size: 15px;
	line-height: 170%;
}

#shop_list{
	clear: both;
	width: 760px;
}

#shop_list h3{
	clear: both;
	margin-bottom: 15px;
}

#shop_list .shopwrap{
	width: 330px;
	float: left;
	margin-right: 50px;
	margin-bottom: 75px;
}

#shop_list img{
}

#shop_list h4{
	margin: 0;
	font-size: 14px;
	color: #999;
	line-height: 22px;
}

#shop_list .shop_detil{
	font-size: 12px;
	color: #999;
	line-height: 22px;
	margin-bottom: 22px;
}

#shop_list p{
	font-size: 12px;
	color: #4D4D4D;
	line-height: 19px;
}

/* facebook twitter icon */
.twfb{
	float :right;
}
.twfb:after{
	clear: both;
}
.twfb a{
	margin: 0 2px;
}
.twfbsp{
	display: none;
}

/* =========================================================
News Release
========================================================= */
#news_wrap{
	padding: 0 31px;
	margin-bottom: 100px;
}

#news_wrap #news_left{
	float: left;
	width: 257px;
	margin-right: 60px;
}

#news_wrap #news_left ul li{
	background: url('../images/news_release/list_mark.png') no-repeat 0 6px;
	padding-left: 14px;
	border-bottom: 1px dotted #4d4d4d;
	font-size: 12px;
	margin-bottom: 16px;
}

#news_wrap #news_right{
	float: right;
	width: 600px;
}

#news_wrap .news_block{
	background-color: #e6e6e6;
	padding: 26px;
	color: #808080;
	margin-bottom: 14px;
}

#news_wrap .news_block h3{
	font-size: 20px;
	margin: 0;
	margin-bottom: 14px;
}

#news_wrap .news_block .news_date{
	font-size: 12px;
	margin-bottom: 30px;
}

#news_wrap .news_block .news_body{
}

#news_wrap .news_block p{
	line-height: 28px;
	font-size: 16px;
}

/* =========================================================
About us
========================================================= */
div#aboutus_wrap{
	padding: 0 14px;
}

#aboutus_wrap .bnr_copy{
	margin-top: 45px;
	margin-bottom: 10px;
	font-size: 12px;
}


#aboutus_wrap p{
	line-height: 28px;
	font-size: 16px;
}

/* =========================================================
Sitemap
========================================================= */

#sitemap_wrap .sitemap_row{
	float: left;
	margin-right: 65px;
}
#sitemap_wrap .sitemap_row:last-child{
}
#sitemap_wrap strong{
	display: block;
	background-color: #e6e6e6;
	padding: 5px 10px;
	color: #000;
}

#sitemap_wrap #sm_brandline{
	margin-top: 10px;
	margin-bottom: 60px;
}
#sitemap_wrap #sm_brandline li{
	margin-bottom: 1em;
}

#sitemap_wrap #sm_contents{
	margin-top: 10px;
	margin-bottom: 60px;
}
#sitemap_wrap #sm_contents li{
	margin-bottom: 1em;
}

#sitemap_wrap #sm_etc{
	margin-top: 10px;
}

#sitemap_wrap #sm_etc li{
	margin-bottom: 1em;
}


/* =========================================================
その他ページ
========================================================= */

h2.etc{
	background-color: #000;
	padding: 10px 12px;
	font-family: arial;
	color: #fff;
	font-size: 14px;
}


/* Company information */
#company_wrap table{
	border-collapse: collapse;
	width: 100%;
}
#company_wrap th{
	text-align: left;
	font-weight: normal;
	padding: 6px 0;
	vertical-align: top;
	border-bottom: 1px solid #8D8C8C;
	width: 120px;
	line-height: 150%;
}
#company_wrap td{
	padding: 6px 0;
	line-height: 150%;
	border-bottom: 1px solid #8D8C8C;
	vertical-align: top;
}

/* Privacy policy */
#privacy_wrap h3{
	border-top: 1px solid #8D8C8C;
	padding: 16px 0;
	margin-top: 16px;
}
#privacy_wrap ul{
	list-style-type: disc;
	padding-left: 20px;
}

/* Special contents */
#special_wrap .specialbox{
	width: 329px;
	height: 300px;
	margin-right: 55px;
	float: left;
	font-size: 14px;
}

#special_wrap .specialbox h3{
}

#special_wrap .specialbox img{
	margin-bottom: 16px;
}


/* Contact */
#contact_wrap form{
	width: 530px;
	margin: 30px auto;
}

#contact_wrap .formparts{
	clear: both;
	margin-bottom: 10px;
}

#contact_wrap label{
	float: left;
	text-align: left;
	width: 150px;
	display: block;
}

#contact_wrap .hissu{
	color: #900;
	font-size: 10px;
	vertical-align: top;
}

#contact_wrap input[type=text],
#contact_wrap input[type=tel],
#contact_wrap input[type=zip],
#contact_wrap input[type=fax],
#contact_wrap input[type=email]{
	width: 370px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 3px;
}

#contact_wrap textarea{
	width: 370px;
	height: 5em;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 3px;
}

#contact_wrap input[type=submit],
#contact_wrap input[type=button]{
	margin: 34px;
	border-radius: 3px;
	background-color: #707070;
	color: #fff;
	border: none;
	padding: 6px 24px;
}

#contact_wrap .buttons-area-confirm,
#contact_wrap .buttons-area{
	text-align: center;
}

#contact_wrap .form-error{
	display: block;
	color: #900;
	padding-left: 150px;
}

#contact_wrap .wpcf7-form-control-wrap{
	display: block;
	margin-left: 150px;
}
#contact_wrap .wpcf7-list-item label{
	float: none;
	width: 100%;
}
span.wpcf7-list-item {
	margin-left: 0;
}
/* =========================================================
リクルート
========================================================= */

/* 新卒採用 */

#recruit_wrap h1{
	color: #000;
	font-family: arial;
	background: url('../../salons/common/image/title-line.png') repeat-x 0 bottom;
	margin-bottom: 20px;
	padding-bottom: 14px;
	font-size: 30px;
	line-height: 100%;
}

#recruit_wrap h2{
	margin-bottom: 20px;
}

#recruit_wrap p.message{
	margin: 20px 0 60px;
}

#recruit_wrap .recruit-btn img{
	float: left;
	margin-right: 20px;
}

#recruit_wrap .recruit-btn p{
	padding-top: 30px;
}


#recruit_wrap .area-info img{
	vertical-align: middle;
	margin-right: 10px;
}

#recruit_wrap .schedule-table{
	border-collapse: collapse;
	border: 1px solid #666;
	margin: 12px  0 36px;
	width: 100%;
}

#recruit_wrap .schedule-table th{
	background-color: #dcdcdc;
	text-align: center;
	padding: 4px;
	border: 1px solid #666;
}

#recruit_wrap .schedule-table td{
	padding: 4px 8px;
	border: 1px solid #666;
}

#recruit_wrap .thw{
	width: 136px;
}

#recruit_wrap .redbtn{
	background-color: #ff467e;
	margin-top: 30px;
	padding: 8px 18px 8px 18px;
	color: #fff;
	text-decoration: none;
}

#recruit_wrap .redbtn:hover{
	background-color: #fff;
	margin-top: 30px;
	padding: 8px 18px 8px 18px;
	color: #ff467e;
	border: 1px solid #ff467e;
	text-decoration: none;
}

/* 中途採用 */
#recruit_wrap .recruit-box .header{
	background-color: #a0a0a0;
	padding: 8px;
	margin-bottom: 20px;
}
#recruit_wrap .recruit-box h1{
	background-image: none;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 24px;
}

#recruit_wrap .recruit-box .header span{
	display: block;
	color: #fff;
	border-top: 1px solid #fff;
	padding-top: 6px;
	margin-top: 6px;
	font-size: 14px;
}

#recruit_wrap .recruit-box h2{
	color: #000;
	font-size: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #bababa;
}

.detail-table{
	margin-bottom: 60px;
}

.detail-table th{
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}
#gmenu ul li a{font-family: "Microsoft YaHei" ! important;}